import React, { Component } from 'react'
import { NavLink } from 'react-router-dom/cjs/react-router-dom.min'
import '../../css/Tabbar.css'
import style from './Tabbar.module.css'

export default class Tabbar extends Component {
    render() {
        return (
            <div className={style.tabbar}>
                <ul>
                    <li>
                        <NavLink to="/films" activeClassName={style.customActive}>电影</NavLink>
                    </li>
                    <li>
                        <NavLink to="/cinemas" activeClassName={style.customActive}>影院</NavLink>
                    </li>
                    <li>
                        <NavLink to="/center" activeClassName={style.customActive}>我的</NavLink>
                    </li>
                    {/* <li><a href="#/films">电影</a></li>
                    <li><a href="#/cinemas">影院</a></li>
                    <li><a href="#/center">我的</a></li> */}
                </ul>
            </div>
        )
    }
}
